<template>
  <div id="div">
   <!--  <a href="/about">超连接</a>
    <index :msg="msg"></index>
    <router-link to="/index/111" >首页</router-link>
    <router-link :to=" '/about?name='+name"  >关于</router-link>
    <button @click="login">登录</button>
    <Head/>
    <Body/>
    <Footer/>
   <router-view/> -->  
    <!-- <Login/> -->
    <router-view/>
  </div>

</template>


<script setup>
/* import { RouterView } from 'vue-router';
import Head  from './components/Head.vue';
import Body  from './components/Body.vue';
import  Footer  from './components/Footer.vue';
import index from './views/index.vue';

const name=ref("Run")

const msg=ref("欢迎进入首页")
const login = () => {
  console.log('login');
} */

import Login from './views/Login.vue'

</script>



<style scoped lang="scss">
#div1{
  width: 100%;
}


</style>
